* {
    margin: 0;
    padding: 0;
}

.container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #000;
}
h2 {
    display: flex;
    font-size: 160px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    span {
        @for $i from 1 to 11 {
            &:nth-child(#{$i}) {
                transition: 0.1s * $i;
            }
        }
    }
    &:hover span {
        filter: blur(20px);
        opacity: 0;
        transform: scale(2);
    }
}
